<script setup lang="ts">
defineOptions({
  name: "PieLine"
});
import { pieLineChartData } from "@/components/ReChart/samples";
</script>

<template>
  <div class="pieLine-box">
    <div class="pieLine-title">
      <dv-decoration-7
        :color="['#3183b8', '#3183b8']"
        style="width: 200px; height: 30px"
      >
        品牌曝光实时监测
      </dv-decoration-7>
    </div>
    <ReChart :data="pieLineChartData" style="width: 100%; height: 100%" />
  </div>
</template>

<style lang="scss" scoped>
.pieLine-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 13px;
  color: #fff;

  .pieLine-title {
    box-sizing: border-box;
    font-size: 14 x;
    font-weight: bold;
    text-align: center;
  }
}
</style>
